import { getArticleInfoApi } from "../../../api/index";
import { onLikeApi } from "../../../api/userActicle";

// pkgArticle/pages/detail/detail.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        articleInfo: {},
        time: '',
        content: '',
        recommend: [],
        isCollect: false,
        isLike: false,
        showShare: false,
        options: [
            { name: '微信', icon: 'wechat', openType: 'share' },
            { name: '微博', icon: 'weibo' },
            { name: '复制链接', icon: 'link' },
            { name: '分享海报', icon: 'poster' },
            { name: '二维码', icon: 'qrcode' },
        ],
    },
    //   获取文章详情
    async initData(id) {
        const { data: { info, recommend } } = await getArticleInfoApi(id)
        // console.log(info);
        this.setData({
            articleInfo: info, time: new Date(info.create_date).toLocaleString(),
            content: info.content.replace(/\<img/gi, '<img style="display:block;max-width:100%;height:auto;margin:0 auto;padding:0"'),
            recommend, isCollect: info.isCollect, isLike: info.isLike
        })

    },
    // 收藏   // 点赞
    async onLike(event) {
      if(!getApp().token) return wx.showToast({
        title: '登录才可以哦',
      })
        const { type, article_id, action } = event.mark
        await onLikeApi({ type, article_id, action })
        // 手动改变active
        if (type === "1") {
            if (action === "add") {
                wx.showToast({ title: '收藏成功' })
                this.setData({ isCollect: true })
            }
            if (action === "del") {
                wx.showToast({ title: '取消收藏成功' })
                this.setData({ isCollect: false })
            }
        }
        if (type === "2") {
            if (action === "add") {
                wx.showToast({ title: '点赞成功' })
                this.setData({ isLike: true })
            }
            if (action === "del") {
                wx.showToast({ title: '取消点赞成功' })
                this.setData({ isLike: false })
            }
        }

    },

    // 分享
    // async onShare() {
    //     await wx.showShareMenu({
    //         withShareTicket: true,
    //         menus: ['shareAppMessage', 'shareTimeline']
    //     })
    //     wx.showToast({
    //       title: '分享成功',
    //     })
    // },
    onClick(event) {
        this.setData({ showShare: true });
    },

    onClose() {
        this.setData({ showShare: false });
    },

    onSelect(event) {
        Toast(event.detail.name);
        this.onClose();
    },


    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        // console.log(options);
        this.initData(options.id)
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})